.help-results {
	margin-bottom: 16px;

	&.is-placeholder {
		@include placeholder();
		height: 380px;
		margin-bottom: 15px;
	}
}

.help-results__header.card.is-compact,
.help-results__footer.card.is-compact {
	padding: 8px 16px;
}

.help-results__footer {
	font: 14px/24px $sans;
}

.help-result {
	&:hover {
		.help-result__title {
			color: $blue-medium;
		}
	}
}

.help-result__icon {
	position: absolute;
	margin: -2px 16px 0px -8px;
	fill: $gray;
}

.help-result__title {
	margin: -2px 0px 0px 32px;
	color: $blue-wordpress;
	font: 16px/20px $sans;
}

.help-result__description {
	color: darken( $gray, 20% );
	font: 14px/20px $sans;
	margin: 2px 0px 0px 32px;
}


